.nav {
	list-style: none;
	margin: $margin-md 0;
	padding: 0;
	position: relative;
	@include clearfix();
	a,
	.a {
		display: block;
		padding: (($nav-height - $line-height) / 2) $grid-gutter;
		position: relative;
		&:focus,
		&:hover {
			text-decoration: none;
		}
	}
	li {
		display: block;
		position: relative;
	}
	ul {
		margin: 0;
		padding: 0;
	}
}

.nav-justified {
	width: 100%;
	> li {
		display: table-cell !important;
		float: none !important;
		width: 1% !important;
		> a {
			text-align: center;
		}
	}
}

.nav-list {
	> li {
		float: left;
	}
}